<template>
  <div class="active-friend-page">
    <app-title title="代开通大创客"></app-title>
    <div class="use">
      <p>当前账户可用易购豆</p>
      <span>15.48</span>
    </div>
    <div class="profile">
      <p class="title">开通大创客，畅享尊贵特权</p>
      <div class="need">
        <span>应付金额</span>
        <span class="price">¥ 198</span>
      </div>
      <div>开通服务：<span>大创客</span></div>
    </div>
    <div class="input">
      <p class="title">请输入好友绑定手机号码</p>
      <input type="text">
      <div class="vali">
        <a href="javascript:">验证好友</a>
      </div>
    </div>
    <div class="friend">
      <div class="avatar">
        <img src="" alt="">
      </div>
      <div class="name">用户名：<span>13632399350</span></div>
      <div class="chat">
        <a href="javascript:">
          <i class="icon-chat"></i>
          <span>聊天</span>
        </a>
      </div>
    </div>
    <div class="tips">
      <span>开通时间</span>
      <span class="tip">实时开通，慎重操作<i class="icon-tips"></i></span>
    </div>
    <div class="submit">
      <a href="javascript:">去开通</a>
    </div>
  </div>
</template>

<script>
  import Index from './index.js';
  export default Index;
</script>